<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /*
        伪类用来描述一个元素的特殊状态
            比如第一个元素，被点击的元素，鼠标移入的元素...
            伪类一般用：开头
                :first-child 第一个子元素
                :last-child 最后一个元素
                :nth-child() 选中第n个元素
                    特殊值：
                        n:第n个
                        2n或者even表示选中的偶数位元素
                        2n+1或者odd奇数
            :not() 否定伪类
                将符合条件的元素从选择器中去除
        */
      ul > li:nth-child(odd){
        color: red;
      }
    </style>
  </head>
  <body>
    <ul>
        <li>第1个</li>
        <li>第2个</li>
        <li>第3个</li>
        <li>第4个</li>
        <li>第5个</li>
    </ul>

  </body>
</html>
